<template>
	<div class="booklist">
		<!-- 子组件， -->
		<MoblieBooksGit></MoblieBooksGit>
	</div>
</template>

<script>
	import MoblieBooksGit from '@/components/mobile/bookslist/MobileBooksGit.vue'
	export default {
		name: 'MobileBooksList',
		components:{
			MoblieBooksGit
		},
		data() {
			return {
				bannerlist: []
			}
		},
		computed: {
			HotBanner() {
				this.bannerlist.sort((a1, a2) => {
					return a2.hot - a1.hot
				})
				//forEach/for..in/for..of: 都是可以在需要限制输出的数据数量模块使用
				//map：基本确定不会更改数组的长度，只不过数据的内容发生格式化改变
				let arr = [];
				this.bannerlist.forEach((item, i) => {
					if (i < 4) {
						arr.push(item)
					}
				})
				return arr;
			}
		}
	}
</script>

<style scoped>
	.booklist{
		width: 100%;
		background-color: #3f4451;
		position: relative;
		
	}
</style>